<template>
	<n-config-provider>
		<n-layout class="wy-layout">
			<n-layout-header>
				<WyMenu />
			</n-layout-header>
			<div style="height: 60px;"></div>
			<n-layout-content style="padding: 18px;">
				<nuxt-page />
			</n-layout-content>
		</n-layout>
	</n-config-provider>
</template>

<script setup>
import WyMenu from '/components/menu'


</script>

<style scoped lang="scss">
.wy-layout {
	height:100vh;
	::v-deep .n-layout-scroll-container {
		display: flex;
		flex-direction: column;
	}
	.n-layout-header {
		height: 60px;
		box-shadow: 0 2px 8px #e0e0e1;
		display: flex;
		align-items: center;
		position: fixed;
		z-index: 1000;
	}
	.n-layout-content {
		flex: 1;
		background-color: #f8f8f8;
	}
}
</style>